<template>
	<view class="left-title">
		<van-icon name="arrow-left" @click="goBack" style="margin-right: 4px;vertical-align: middle;" />

		<div>{{title}}</div>
	</view>
</template>

<script>
	import baseConfig from "../../../common/config";
	export default {
		props: ["title"],
		data() {
			return {

			}
		},
		methods: {
			goBack() {
				this.$emit("goBack")
			},
		}
	}
</script>

<style lang="scss" scoped>
	.left-title {
		display: flex;
		align-items: center;
		box-sizing: border-box;
		width: 100vw;
		height: px2vw(163);
		background: #417ADC;
		padding: 0 px2vw(40);
		color: #fff;

		div {
			text-align: center;
			font-weight: bold;
			line-height: px2vw(50);
			height: px2vw(54);
			font-size: px2vw(54);
		}

		img {
			width: px2vw(44);
			height: px2vw(28);

		}
	}
</style>
